<template>
  <Table :columns="columns" :data="data"></Table>
</template>
<script>
  export default {
    data () {
      return {
        userInfo: JSON.parse(window.sessionStorage.getItem("userInfo")),
        columns: [
          {
            title: '比赛名称',
            key: 'i_name'
          },
          {
            title: '比赛地点',
            key: 'site'
          },
          {
            title: '比赛时间',
            key: 'time',
            width: 200,
            align: "center",
            render: (h, params) => {
              let newType = params.row.time; //获取数据库的时间戳
              let date = new Date(parseInt(newType))
              let fmt = 'YYYY-mm-dd  HH:MM'
              let ret
              const opt = {
                'Y+': date.getFullYear().toString(), // 年
                'm+': (date.getMonth() + 1).toString(), // 月
                'd+': date.getDate().toString(), // 日
                'H+': date.getHours().toString(), // 时
                'M+': date.getMinutes().toString(), // 分
                'S+': date.getSeconds().toString() // 秒
                // 有其他格式化字符需求可以继续添加，必须转化成字符串
              }
              for (let k in opt) {
                ret = new RegExp('(' + k + ')').exec(fmt)
                if (ret) {
                  fmt = fmt.replace(
                    ret[1],
                    ret[1].length == 1 ? opt[k] : opt[k].padStart(ret[1].length, '0')
                  )
                }
              }
              return h("span", fmt); //包装到span标签里返回
            }
          },
          {
            title: '比赛成绩',
            key: 'results',
          }
        ],
        data: [
        ]
      }
    },
    mounted () {
      const params = this.$qs.stringify({
        id: this.userInfo.id
      })
      this.$axios.post('/user/querySportItems', params)
        .then(res => {
          if (res.data.code == 200) {
            this.data = res.data.data
          }
        })
        .catch(err => {
          console.error(err);
        })
    },
  }
</script>
